<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<base href="<%=basePath%>">

<html>
<head>
    <meta charset="utf-8">
    <title>
        阳光成单系统
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="System/css/x-admin.css" media="all">
</head>
<body>
<div class="x-nav">
            <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>部门管理</cite></a>
              <a><cite>部门管理详细信息</cite></a>
            </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
    <form class="layui-form x-center" action="" style="width:800px">
        <div class="layui-form-pane" style="margin-top: 15px;">
            <div class="layui-form-item">
                <label class="layui-form-label" style="width:60px">部门名称</label>
                <div class="layui-input-inline">
                    <input type="text" name="departmentName"  placeholder="请输入部门名称" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-input-inline" style="width:80px">
                    <button class="layui-btn"  lay-submit="" lay-filter="query"><i class="layui-icon">&#xe615;</i></button>
                </div>
            </div>
        </div>
    </form>
    <xblock><button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量删除</button><button class="layui-btn" onclick="question_add('添加部门信息','System/question-add.jsp','600','500')"><i class="layui-icon">&#xe608;</i>添加</button><span class="x-right" style="line-height:40px">共有数据：${ids} 条</span></xblock>
    <table class="layui-table">
        <thead>
        <tr>
            <th>
                <input type="checkbox" name="" value="">
            </th>
            <th>
                部门编号
            </th>
            <th>
                部门名称
            </th>
            <th>
                状态
            </th>
            <th style="display: none">
                其它信息
            </th>
            <th>
                操作
            </th>
        </tr>
        </thead>
        <tbody id="tbody">
        <c:forEach items="${dept}" var="d">
            <tr>
                <td>
                    <input type="checkbox" value="${d.departmentId}" name="">
                </td>
                <td>
                        ${d.departmentId}
                </td>
                <td>
                        ${d.departmentName}
                </td>
                <td>
                        ${d.departmentCode==1?"正常运行":"停止运行"}
                </td>
                <td style="display: none">
                        ${d.departmentMark}
                </td>
                <td class="td-manage">
                    <a title="删除" href="javascript:;" onclick="upDepartmentCode(${d.departmentId},${d.departmentCode})"
                       style="text-decoration:none">
                        <i class="layui-icon">启用/禁用<%--&#xe640;--%></i>
                    </a>
                </td>
            </tr>
        </c:forEach>
        </tbody>
    </table>

    <div id="page"></div>
</div>
<script src="System/lib/layui/layui.js" charset="utf-8"></script>
<script src="System/js/x-layui.js" charset="utf-8"></script>
<script>
    layui.use(['element','layer','form'], function(){
        $ = layui.jquery;//jquery
        lement = layui.element();//面包导航
        layer = layui.layer;//弹出层
        form = layui.form();
        //模糊查询部门名称
        form.on('submit(query)', function(data){
            //打印测试
            //console.log(data.field.departmentName);
            location.href="department/selectByLike?departmentName="+data.field.departmentName;
           return false;
        });
    });

    //批量删除提交
    function delAll () {
        var checks = $('#tbody').find('input[type=checkbox]:checked');
        var str="";
        for (var i = 0; i < checks.length; i++) {
            str+=checks[i].value+",";
        }
        console.log("获取到的id"+str);
        layer.confirm('确认禁用选择的部门吗?',function(index){
            //捉到所有被选中的，发异步进行删除  提示
            layer.msg('删除成功', {icon: 1});
            //ajax请求   软删除选中的部门数据
            $.post("department/upDepartmentAll", {str:str}, function () {
                window.location.reload();//刷新
            });
        });
    }

    function question_show (argument) {
        layer.msg('可以跳到前台具体问题页面',{icon:1,time:1000});
    }
    /*添加部门信息*/
    function question_add(title,url,w,h){
        x_admin_show(title,url,w,h);
    }
    /*删除*/
    function question_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            //发异步删除数据
            $(obj).parents("tr").remove();
            layer.msg('已删除!',{icon:1,time:1000});
        });
    }
    //启用和禁用操作
    function upDepartmentCode(id,code){
        if(code==0){
            if(confirm("是否启用该部门")){
                location.href="department/upDepartmentUp?id="+id;
                // location.href="www.baidu.com";
            }
        }else if(code==1){
            if(confirm("是否禁用该部门")){
                location.href="department/upDepartmentDown?id="+id;
                // location.href="www.baidu.com";
            }
        }
    }
</script>
</body>
</html>